<template>
    <div class="pointtoList">
      <div class="header">
        <i class="iconfont icon-zyojiantou" @click="comeBack"></i>
        点到详情
      </div>
      <div class="content" v-show="content.totalNums">
        <div class="todayPointTo">
          <!--今日点到-->
          <div class="todayTitle"> {{content.clazzName}} </div>
          <div class="PointToCount"> 共{{content.totalNums}}次课 - 已上{{content.classNums}}次 - 到课{{content.takeNums}}次 - 缺课{{content.classNums - content.takeNums}}次</div>
          <div class="todayPointToList">
            <ul>
              <li>
                <div class="todaycol">上课日期</div>
                <div class="todaycol">状态</div>
                <div class="todaycol">点到时间</div>
              </li>
              <li v-show="content.signList.length < 1">暂无数据</li>
              <li v-for="signLists in content.signList">
                <div class="todaycol">{{signLists.signTime}}</div>
                <div class="todaycol" :class="{todayqingjia: signLists.statusName == '请假', todayqueke: signLists.statusName == '未到'}">
                  <i v-show="signLists.statusName == '请假' || signLists.statusName == '未到'" class="iconfont icon-dian"></i>
                  {{signLists.statusName}}
                </div>
                <div class="todaycol">{{signLists.takeTime}}</div>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </div>
</template>

<style lang="scss" src='./pointtoList.scss'></style>
<script src="./pointtoList.js"></script>
